/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0 none;margin:0;outline-style:none;outline-width:0;padding:0;text-align:left;vertical-align:baseline}
:focus {outline-style:none;outline-width:0}
ol, ul {font-size:1px;list-style-image:none;list-style-position:outside;list-style-type:none}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
a:link { color:#0092cf; text-decoration: none }
a:visited { color:#0092cf; text-decoration: none }
a:hover { color:#0092cf; text-decoration: underline }
a:active  { color:#0092cf; text-decoration: none }

/* fonts */
* { color:#6a737b; font-family:arial,helvetica,sans-serif; font-size:11px }
h3 { color: #0099ff }
label { font-weight: bolder }
ul.lista a { font-weight: bolder }
ul.lista a:link { color: #6a737b }
ul.lista a:visited { color: #6a737b }
ul.lista a:hover { color: #6a737b }
ul.lista a:active  { color: #6a737b }
ul.menu-apoio li, ul.menu-apoio a, ul.menu-apoio span { color: #adadad; font-size: 11px }
ul.menu-principal li { font-size: 11px; font-weight: bolder }
ul.menu-principal a:link { color: #fff }
ul.menu-principal a:visited { color: #fff }
ul.menu-principal a:hover { color: #fff }
ul.menu-principal a:active  { color: #fff }
ul.menu-principal span { color: #fff }
ul.menu-principal li.selected a { color: #ddecf6 }
span.site-map-path span, span.site-map-path a { font-size: 11px }
ul.options, ul.options li, ul.options a { font-size: 11px }
div#foot-content li { color: #82888a }
div#footer, div#foot-content li, div#foot-content a, ul.footer li, ul.footer a { font-size: 11px }
ul#auth a:link { color: #fff }
ul#auth a:visited { color: #fff }
ul#auth a:hover { color: #fff }
ul#auth a:active  { color: #fff }

/* general */
p { line-height: 1.5 }
div.push { clear: both }
p.disclaimer { margin: 20px 20px 0 20px }

/* icons */
ul.options a,
span.site-map-path span,
ul.atalhos a.atalho-link,
a.login { background: transparent url(Img/icons.gif) 0 0 no-repeat scroll }

/* lista e link */
div.lista-links li a,
a.link { background: transparent url(Img/icon_list.gif) 0 center no-repeat scroll; display: block; padding-left: 9px }

/* structure */
@media screen
{
	body { background-color: #fff }
	div#wrapper { margin: 0 auto; width: 940px }
	div#header { background: #fff url(Img/bg_header.jpg) right 11px no-repeat scroll; float: left; width: 100% }
	div#header h1 { clear: left; display: inline; float: left; height: 55px; margin-top: 0px; width: 138px }
	div#header h1 a { background: transparent url(Img/logo_portal.gif) 0 0 no-repeat scroll; display: block; float: left; height: 55px; text-indent: -9999px; width: 138px }
	div#header h2 { clear: right; display: inline; float: right; height: 45px; margin-top: 5px; width: 195px }
	div#header h2 a { background: transparent url(Img/logo_dll.gif) 0 0 no-repeat scroll; display: block; float: left; height: 45px; text-indent: -9999px; width: 195px }
	div#header-print { display: none }
	div#content { background-color: #fff; float: left; _height: 300px; min-height: 300px; padding-top: 2px; width: 100% }
	div#push { clear: both }
	
	div#footer { margin: 0 auto; width: 940px }
	div#foot-content { background: transparent url(Img/bg_footer.jpg) 0 -6px no-repeat scroll; float: left; margin-top: 20px; width: 100% }
	ul.footer li { border-right: 1px solid #82888a }
}
/* footer */
ul.footer { float: left; margin-left: -8px }
ul.footer li { display: inline; line-height: 3; padding: 0 8px 0 9px }
ul.footer li.last { border-right: 0; padding-right: 0 }	

/* processando */
div.processando { background: transparent url(Img/loading.gif) 0 0 no-repeat scroll; height: 15px; position: absolute; width: 128px }

/* botoes */
a.botao, a.botao span { background: transparent url(Img/bg_botao.png) 0 0 no-repeat scroll }
a.botao { cursor:pointer; display:-moz-inline-box; display:inline-block; font-size:0; height:22px; line-height:0; padding-top:-2px; text-decoration:none; vertical-align:middle; _position:relative; _width:10px; _overflow-y:hidden }
a.botao span { background-position:100% 0; color:#fff; display:-moz-inline-box; display:inline-block; font-size:10px; font-weight: bolder; height:22px; letter-spacing:0 !important; line-height:2; margin-left: 15px; padding-right:15px; vertical-align:text-top; white-space:nowrap; zoom:1; _position:relative; _margin-left:7px; _display:block; _top:0; _right:-5px }
html.safari a.botao span { line-height:1.3 }
html.safari a.botao:focus { outline:none }
/*Hover Style*/
a.botao:hover, a.botao:focus { background-position:0 -22px; color:#fff; text-decoration:none }
a.botao:hover span, a.botao:focus span { background-position:100% -22px }
a.botao:active, a.botao:focus span{ color:#fff; }

/* formulario */
ul.form li { float: left; clear: both; list-style-type: none; padding-top: 6px; width: 100% }
ul.form label { float:left; line-height: 1.6 }
ul.form input,
ul.form select,
ul.form textarea { background: #fff url(Img/bg_input.jpg) 0 0 repeat-x scroll; border: 1px solid #e0e0e0; clear: left; float:left; padding: 2px 1px }
ul.form input { width: 98% }
ul.form select { width: 98% }
ul.form textarea { width: 98% }
ul.form span.obrigatorio { color: Red; float:left; line-height: 1.6; padding-left: 3px }
ul.form p.tip { font-size: 11px; float: left; clear: both; width: 100% }
ul.form span.info { clear: left; display: block; float:left; line-height: 2 }

ul.form div.file-upload input { margin-top: 1px; width: 70% }
ul.form div.file-upload a { float: left; margin-left: 5px }

/* info */
div.info { border: 1px solid #ccc; border-bottom: none; padding: 20px }
div.info h3 { border-right: 1px solid #ccc; font-size: 16px; float: left; line-height: 2.2; margin-right: 20px; padding: 0 20px 0 42px }
div.info h3.usuario { background: transparent url(Img/titulo_usuario.gif) left center no-repeat scroll; }
div.info h3.relatorio { background: transparent url(Img/titulo_relatorio.gif) left center no-repeat scroll; }
div.info h3.parametro { background: transparent url(Img/titulo_parametro.gif) left center no-repeat scroll; }
div.info h3.seguranca { background: transparent url(Img/titulo_seguranca.gif) left center no-repeat scroll; }
div.info h3.operacao { background: transparent url(Img/titulo_operacao.gif) left center no-repeat scroll; }
div.info h3.boleto { background: transparent url(Img/titulo_boleto.gif) left center no-repeat scroll; }
div.info h3.endereco { background: transparent url(Img/titulo_endereco.gif) left center no-repeat scroll; }
div.info h3.senha { background: transparent url(Img/titulo_senha.gif) left center no-repeat scroll; }
div.info h3.debito { background: transparent url(Img/titulo_debito.gif) left center no-repeat scroll; }

/* alterer-senha */
table.alterar-senha { width: 100% }
p.mensagem-senha { padding: 20px }

/* area-util */
div.area-util { border: 1px solid #ccc; padding-bottom: 20px }
div.sep { background: #fff url(Img/bg_grid_view_row.gif) left bottom repeat-x scroll; clear: both; height: 1px; font-size: 0; margin-top: 20px }
div.area-util ul.form { display: inline; float: left; margin: 10px 0 0 20px; width: 290px }

/* etapas */
ul.etapas { border: 1px solid #ccc; border-bottom: none; height: 64px }
ul.etapas li { float: left; border-right: 1px solid #ccc; margin: 14px 0 0 20px; padding-right: 20px }
ul.etapas li h3 { color: #ccc; font-size: 16px }
ul.etapas li p { color: #ccc }
ul.etapas li.atual { font-weight: bolder }
ul.etapas li.atual h3 { color: #0099FF }
ul.etapas li.atual p { color: #6A737B }
ul.etapas li.ultima { border-right: none }
h3.titulo-atualizacao { font-size: 16px; margin: 20px 20px 0 20px }
p.mensagem-atualizacao { margin: 20px 20px 0 20px }
span.radio-termo { display: block; margin: 20px }
div.termo-servico { margin: 20px 20px 0 20px; padding-bottom: 10px; }
div#content div.termo-servico { border: 1px solid #ccc; height: 175px; padding: 10px; overflow: scroll }
div.termo-servico p { padding-top: 8px }

/* opções */
ul.opcoes li { float: left; display: block; margin: 20px 10px 0 0 }

/* validation summary */
div.validation-summary ul { background-color: #ffebe8; border: 1px solid #cc0000; margin: 20px 20px 0 20px }
div.validation-summary li { color: #333333; list-style-type: disc; list-style-position: inside; margin: 6px 12px }
span.falha { color: red; padding: 6px 0 }

/* grid view */
table.grid-view { _display: inline; *display: inline; margin: 18px 18px 0 18px; text-align: left; width: 898px }
table.grid-view th { background: #3aadff url(Img/bg_grid_view_header.gif) 0 0 repeat-x scroll; border: 0 solid #fff; border-right: 1px solid #fff; color: #fff; font-weight: normal; line-height:2.2; padding: 0 6px; vertical-align: middle; white-space: nowrap }
table.grid-view th a { background: transparent url(Img/bg_grid_view_header_order.gif) right center no-repeat scroll; display: block }
table.grid-view th a:link { color:#fff }
table.grid-view th a:visited { color:#fff }
table.grid-view th a:hover { color:#fff }
table.grid-view th a:active  { color:#fff }
table.grid-view tr.grid-view-header {}
table.grid-view tr.grid-view-row,
table.grid-view tr.grid-view-alter-row { background: #fff url(Img/bg_grid_view_row.gif) left bottom repeat-x scroll; }
table.grid-view tr.grid-view-row:hover { background-color: #fff9dd }
table.grid-view tr.grid-view-row td {  padding: 8px }
table.grid-view tr.grid-view-alter-row { background-color: #f1f1f1 }
table.grid-view tr.grid-view-alter-row:hover { background-color: #fff9dd }
table.grid-view tr.grid-view-footer {}
table.grid-view tr.grid-view-pager td { padding: 0 } 
table.grid-view tr.grid-view-pager td td { padding: 8px }
table.grid-view th.opcoes, table.grid-view tr.grid-view-row td.opcoes { background: #fff }
table.grid-view td {  border: 1px solid #fff; border-bottom: none }
table.grid-view a.editar { background: transparent url(Img/editar.gif) 0 center no-repeat scroll; display: block; float: left; padding-left: 17px; white-space: nowrap }
table.grid-view a.adicionar { background: transparent url(Img/adicionar.gif) 0 center no-repeat scroll; display: block; float: left; padding-left: 17px; white-space: nowrap }
table.grid-view a.imprimir { background: transparent url(Img/imprimir.gif) 0 center no-repeat scroll; display: block; float: left; padding-left: 17px; white-space: nowrap }
table.grid-view a.parcelas { background: transparent url(Img/parcelas.gif) 0 center no-repeat scroll; display: block; float: left; padding-left: 17px; white-space: nowrap }

/* radio button list */
table.radio-button-list { display: inline }
table.radio-button-list td { vertical-align: top }
table.radio-button-list label { border: none; font-weight: normal; display: inline; float: none; padding-left: 4px }
table.radio-button-list input { width: auto }

/* options */
ul.options { float: right }
ul.options li { float: left; line-height: 3; padding: 0 3px }
ul.options a { display: block; float: left; height: 100%; text-indent: -9999px; width: 9px }
ul.options a.font-size-more { background-position: -7px -18px }
ul.options a.font-size-less { background-position: -7px -43px }

/* checkbox */
span.checkbox { }
span.checkbox input { border: none; background: none; width: auto }

/* checkbox list */
table.checkbox-list { float:left; clear: left }
table.checkbox-list label { display: inline; font-weight: normal; padding-left: 4px; padding-right: 8px  }
table.checkbox-list input { border: none; background: none }

/* radiobutton list */
table.radio-button-list { float:left; clear: left; width: 100% }
table.radio-button-list td { white-space: nowrap }
table.radio-button-list label { display: inline; font-weight: normal; padding-left: 4px; padding-right: 8px  }	
table.radio-button-list input { border: none; background: none }

/* debito automatico */
ul.condicoes-termo { margin-top: 6px }

dl.dados-operacao { margin: 20px }
dl.dados-operacao dt { line-height: 2; float: left; padding-right: 4px }
dl.dados-operacao dd { line-height: 2; font-weight: bolder }

dl.endereco-termo dt { line-height: 1.2 }
dl.endereco-termo dd { line-height: 1.2 }

div.info-debito-automatico { margin: 20px }
div.info-debito-automatico dl.dados-operacao { margin: 0; margin-top: 12px } 
div.info-debito-automatico h3 { line-height: 2 } 
div.info-debito-automatico p { line-height: 2; padding-top: 10px }
div.info-debito-automatico a { line-height: 2 }

dl.importacao { margin-bottom: 0 !important }

/* login */
div#login-box { background: transparent url(Img/bg_login.jpg) 0 100px no-repeat scroll; height: 280px; margin: 0 auto; padding-top: 100px; width:670px }
div#login-box ul.footer { margin-top: 38px }
div#login { height: 218px; margin-left: 40px; width: 240px }
div#login table { width: 100% }
div#login ul.login { margin-top: 68px; float: left; display: inline; width: 100% }
div#login p { margin-top: 68px; float: left; display: inline; width: 100% }
div#login ul.opcoes { margin-left: 40px }
div#login ul.opcoes li { float: right; margin-right: 0 }
span.falha { display: none }

/* atalhos */
ul.atalhos { background: transparent url(Img/bg_atalhos_sep.jpg) right 10px no-repeat scroll; height: 312px; width: 670px }
ul.atalhos a.atalho { display: block; float: left; height: 98px; width: 98px }
ul.atalhos h3 { color: #6a737b; display: inline; float: left; padding: 7px 0 0 20px }
ul.atalhos li { background: transparent url(Img/bg_atalhos.jpg) 0 0 no-repeat scroll; float: left; height: 98px; margin: 10px 10px 0 0; width: 320px }
ul.atalhos p { display: inline; float: left; padding: 3px 0 0 20px; width: 195px }
ul.atalhos a.atalho-link { background-position: -6px -78px; display: block; float: left; height: 12px; margin: 3px 0 0 20px; text-indent: -9999px; width: 11px }

/* lista links home */
div.lista-links { float: right; width: 262px }
div.lista-links h3 { background: transparent url(Img/bg_titulo_links_home.jpg) 0 0 no-repeat scroll; line-height: 2.3; margin-top: 10px; padding-left: 10px }
div.lista-links ul { margin-top: 10px }
div.lista-links li { margin-left: 10px; padding: 4px 10px 0 0 }
div.lista-links li a { background-position: 0 6px; line-height: 1.6 }

/* menu de apoio */
ul.menu-apoio { background-color: #fff; float: left; clear: left; margin-top: 8px; width: 100% }
ul.menu-apoio li { background: #fff url(Img/bg_support_menu_sep.gif) right 11px no-repeat scroll; float: left; line-height: 2 }
ul.menu-apoio li.login { background-image: none; float: right }
ul.menu-apoio a.login { background-position: -2px -2px; line-height: 2; margin-left: 8px; padding: 3px 0 3px 17px }

/* menu principal */
ul.menu-principal { background: transparent url(Img/bg_menu.png) 0 0 repeat-x scroll; clear: left; float: left; line-height:1; width: 940px }
ul.menu-principal ul { border-bottom: 1px solid #fff; position: absolute; top: -999px; _top: auto; _margin-top: -1px; width: 140px; display: none }
ul.menu-principal li { background: transparent url(Img/bg_menu_sep.png) top right no-repeat scroll }
ul.menu-principal ul li { width: 100% }
ul.menu-principal li:hover { visibility: inherit }
ul.menu-principal li { float: left; position: relative; padding-top: 3px }
ul.menu-principal a { display:block; position:relative; padding: 12px 20px 12px 17px }
ul.menu-principal a:hover { text-decoration: none }
ul.menu-principal li:hover ul, 
ul.menu-principal li.mphover ul { left:0; top:37px; z-index:99 }
ul.menu-principal li:hover li ul, 
ul.menu-principal li.mphover li ul { /*top:-999em*/ }
ul.menu-principal li li:hover ul, 
ul.menu-principal li li.mphover ul { left:20em; top:-1px }
ul.menu-principal li li:hover li ul, 
ul.menu-principal li li.mphover li ul { /*top:-999em*/ }
ul.menu-principal li li li:hover ul, 
ul.menu-principal li li li.mphover ul { left:150px; top:-1px }
ul.menu-principal li li { background: none; background-color: #37adff; border: 1px solid #fff; border-bottom: 0; border-right: 0 }
ul.menu-principal li li a { line-height: 2.5em; padding: 0 12px }

/* submenu */
ul.submenu li { padding: 0 }
ul.submenu li li { padding-left: 14px }
ul.submenu a { background-position: 0 8px; padding: 5px 0 5px 12px }

/* site-map-path */
span.site-map-path { float: left; height: 21px; width: 100% }
span.site-map-path span { background-position: -4px -122px; float: left; line-height: 1.8; padding-left: 14px }
span.site-map-path span.site-map-path-sep { background:none; padding-left: 0 }

/* calendario */
div.calendario{background-color:#fff;border:1px solid #344878;display:none;position:absolute;width:154px}
div.calendario a.fechar { background:#344878 url(Img/calendario_fechar.jpg) 0 0 no-repeat scroll; color:#fff; display:block; height:18px; line-height:18px; position:absolute; right:-1px; text-align:center; text-decoration:none; top:-19px; text-indent:-9999px; width:20px }
div.calendario a.bt_controle_mes{color:#fff;display:block;height:15px;line-height:15px;position:absolute;text-decoration:none;top:0;vertical-align:middle}
div.calendario a.bt_voltar_mes{left:2px}
div.calendario a.bt_avancar_mes{right:2px}
div.calendario p.nome_mes{background-color:#344878;color:#fff;display:block;font-weight:700;height:18px;line-height:18px;margin:0;text-align:center;vertical-align:middle}
div.calendario ul{margin:0;padding:0}
div.calendario ul li{display:block;float:left;height:17px;line-height:17px;text-align:center;vertical-align:middle;width:22px}
div.calendario ul li a{color:#6d6d6d;font-weight:700;text-decoration:none}
div.calendario ul li a:hover{text-decoration:underline}
div.calendario ul li.semana{background:#e5e5e5;color:#344878;font-weight:700}
div.calendario ul li.dia{color:#999}
div.calendario ul li.default{background:#ececed;color:red;font-weight:700}
div.calendario ul li.default a{color:red}

/* mensagem */
#popup_container { min-width: 300px; max-width: 600px; background: #fff; border: 2px solid #ccc; color: #000 }
#popup_title { font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #fff; background: #344878 url(images/title.gif) top repeat-x; border: solid 1px #fff; cursor: default; padding: 0em; margin: 0em }
#popup_content { background: 16px 16px no-repeat url(img/alert/info.gif); padding: 1em 1.75em; 	margin: 0em }
#popup_content.alert { background-image: url(img/alert/info.gif) }
#popup_content.confirm { background-image: url(img/alert/important.gif) }
#popup_content.prompt { background-image: url(img/alert/help.gif) }
#popup_message { padding-left: 48px }
#popup_panel { text-align: center; margin: 1em 0em 0em 1em }
#popup_prompt { margin: .5em 0em }

/* boleto */
div#boleto img.layout { height: 580px; width:640px; left: 5px; position: absolute; top: 29px } 
div#boleto div { color:black; font-family:arial; font-size:10px; font-weight:bold; position: absolute }
div#boleto div#linhadigitavel { color:#000000; font-family:arial; font-size:15px; font-weight:bold; height: 20px; left: 244px; top: 240px; z-index: 12; width: 396px } 
div#boleto div.style1 { font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 20px; }
div#aceite { left: 356px; top: 317px; width: 34px; height: 22px; z-index: 11 }
div#agenciacodigocedente1 { left: 493px; top: 96px; width: 152px; height: 6px; z-index: 8 }
div#agenciacodigocedente2 { left: 493px; top: 295px; width: 152px; height: 6px; z-index: 8 }
div#carteira { left: 105px; top: 339px; width: 58px; height: 0px; z-index: 15 } 
div#cedente1 { left: 6px; top: 74px; width: 368px; height: 4px; z-index: 2 } 
div#cedente2 { left: 6px; top: 295px; width: 368px; height: 4px; z-index: 2 } 
div#codigobarras { left: 9px; top: 537px; width: 478px; height: 68px; z-index: 3 } 
div#codigobarras span { display: block; float: left; height: 50px }
div#cpfoucnpj1 { left: 382px; top: 74px; width: 152px; height: 6px; z-index: 8 } 
div#cpfoucnpj2 { left: 382px; top: 295px; width: 152px; height: 6px; z-index: 8 } 
div#datadocumento1 { left: 398px; top: 96px; width: 152px; height: 6px; z-index: 8 } 
div#datadocumento2 { left: 6px; top: 317px; width: 92px; height: 2px; z-index: 9 } 
div#dataprocessamento { left: 394px; top: 317px; width: 90px; height: 22px; z-index: 11 } 
div#datavencimento1 { left: 492px; top: 74px; width: 152px; height: 6px; z-index: 8 } 
div#datavencimento2 { left: 492px; top: 273px; width: 152px; height: 6px; z-index: 8 } 
div#endereco1 { left: 6px; top: 484px; width: 636px; height: 0px; z-index: 5 } 
div#endereco2 { left: 6px; top: 497px; width: 636px; height: 4px; z-index: 6 } 
div#especie { left: 168px; top: 339px; width: 72px; height: 0px; z-index: 15 } 
div#especiedoc1 { left: 319px; top: 96px; width: 90px; height: 22px; z-index: 11 } 
div#especiedoc2 { left: 270px; top: 317px; width: 80px; height: 22px; z-index: 11 } 
div#instrucoescaixa { left: 6px; top: 162px; width: 478px; height: 10px; z-index: 4 } 
div#instrucoes { left: 6px; top: 374px; width: 472px; height: 80px; z-index: 5 } 
div#localpagamento { left: 6px; top: 273px; width: 478px; height: 10px; z-index: 4 } 
div#logobanco1 { left: 5px; top: 30px; width: 159px; height: 35px; z-index: 13 } 
div#logobanco2 { left: 5px; top: 229px; width: 159px; height: 35px; z-index: 13 } 
div#nossonumero1 { left: 6px; top: 95px; width: 142px; height: 8px; z-index: 10 } 
div#nossonumero2 { left: 492px; top: 317px; width: 142px; height: 18px; z-index: 10 } 
div#numerobanco1 { left: 175px; top: 36px; width: 56px; height: 8px; z-index: 14 } 
div#numerobanco2 { left: 175px; top: 235px; width: 54px; height: 12px; z-index: 14 } 
div#numerodocumento1 { left: 157px; top: 96px; width: 158px; height: 18px; z-index: 9 } 
div#numerodocumento2 { left: 105px; top: 317px; width: 158px; height: 2px; z-index: 9 } 
div#quantidade { left: 246px; top: 339px; width: 112px; height: 12px; z-index: 15 } 
div#sacado1 { left: 6px; top: 140px; width: 636px; height: 10px; z-index: 4 } 
div#sacado2 { left: 6px; top: 471px; width: 636px; height: 10px; z-index: 4 } 
div#usobanco { left: 6px; top: 339px; width: 92px; height: 2px; z-index: 9 } 
div#valordocumento1 { left: 6px; top: 118px; width: 152px; height: 1px; z-index: 7 } 
div#valordocumento2 { left: 492px; top: 339px; width: 144px; height: 1px; z-index: 7 } 
div#desconto1 { left: 156px; top: 118px; width: 152px; height: 1px; z-index: 7 } 
div#desconto2 { left: 492px; top: 362px; width: 144px; height: 1px; z-index: 7 } 
div#valorcobrado1 { left: 492px; top: 118px; width: 152px; height: 1px; z-index: 7 } 
div#valorcobrado2 { left: 492px; top: 449px; width: 144px; height: 1px; z-index: 7 } 
div#valorunitario { left: 369px; top: 339px; width: 112px; height: 8px; z-index: 15 } 
a.imprimir-boleto { left: 300px; position: absolute; top: 6px }

@media print
{
	* { background: none !important; color: #000 !important }

	div#header,
	ul.opcoes { display: none }
	
	div#header-print { display: block; height: 60px }
	div#header-print img.logo-portal { clear: left; display: inline; float: left; height: 55px; margin-top: 0; width: 138px }
	div#header-print img.logo-dll { clear: right; display: inline; float: right; height: 45px; margin-top: 5px; width: 195px }
	
	div.info, 
	div.area-util,
	ul.etapas { border: none !important }
	
	div.termo-servico { border: none; height: auto; padding: 0; overflow: visible }

	div.info { padding: 20px 0 }
	div.info h3 { padding-left: 0; margin-left: 0 }
	
	div.area-util ul.form { margin-left: 0; margin-right: 20px }
	
	ul.lista { list-style-type: disc; margin: 1em 1em 1em 3em }	
	
	ul.form { margin-left: 0; margin-right: 0 }
	
	table.grid-view { border-top: 1px solid #ccc; margin-left: 0; margin-right: 0; width: 100% }
	table.grid-view th { border-bottom: 1px solid #ccc; font-weight: bolder; width: auto }
	table.grid-view td { border-bottom: 1px dotted #ccc }
	table.grid-view th.opcoes, 
	table.grid-view td.opcoes { display: none }
}