@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* -----------------------------------*/
/* --------->>> ESTRUTURA <<<---------*/
/* -----------------------------------*/
#page {background:url(imagens/bg.jpg) repeat-x; }
#page.restrita { background:url(imagens/bg-restrita.png) repeat-x;}

#page.restrita #header { background:none; height:128px; }
#page.restrita #header .middle { height:128px;}
#header { background:url(imagens/sombra.jpg) center 119px no-repeat; height:465px; width:100%;}
#header .middle { height:465px;}
.middle { width:960px; margin:0 auto; position:relative;}

#header h1 { float:left; margin:40px 0 0 0; }

.top { float:right; background:#7c0a2d; height:42px; position:relative; padding-left:10px;}
.top .after { background:url(imagens/after.png); height:42px; width:17px; position:absolute; left:-17px; top:0;}
.top .text-area { background:url(imagens/sprite-top.png); height:24px; display:block; float:left; line-height:24px; padding-left:23px; color:#fff; font-size:1.3em; font-family: 'Museo300'; margin:8px 10px 0 0;}
.top label { display:block; background:url(imagens/sprite-top.png) 0 -24px; height:23px; float:left; width:159px; margin:8px 8px 0 0;}
.top label span { color:#800a2e; font-size:0.8em; display:block; float:left; height:23px; line-height:23px; padding-left:8px;}
.top label input { height:21px; line-height:21px; border:0px solid #000; width:105px; padding-left:5px; float:left; margin:1px 0 0 0;}
.top label input:focus { border:none;}
.top ul { float:left; margin:12px 7px 0 13px;}
.top ul li { float:left; padding:0 7px 0 0;}
.top ul li + li {background: url(imagens/li.png) left 1px no-repeat; padding-left:14px;}
.top ul li a {color:#fff; font-size:1.3em; font-family: 'Museo300'; text-decoration:none;}
.top ul li a:hover { border-bottom:1px dotted #fff;}
.bar-top { background:#7c0a2d; height:42px; position:absolute; right:0; top:0;}
.top strong { float:left; font-size:1.3em; font-family: 'Museo300'; color:#fff; height:24px; line-height:24px; margin:8px 50px 0 0;}
.top .sair { background: url(imagens/icon-botoes.png) 0 -38px no-repeat; height:19px; line-height:19px; display:block; padding-left:22px;}
.top .sair:hover { border-bottom:none;}
.top .login{float: left; margin: 8px 0 0 -5px;}

#nav { clear:both; position:absolute; left:295px; top:62px; z-index:10;}
#nav > ul > li { float:left; position:relative; }
#nav > ul > li + li { background:url(imagens/dotted.png) left top no-repeat; padding-left:1px;}
#nav > ul > li > a { color:#3f4955; text-decoration:none; font-family: 'Museo300'; display:block; padding:5px 12px 5px 12px;}
#nav > ul > li > a span { display:block; font-size:1.6em; color:#851736;}
#nav > ul > li:hover > a { background:url(imagens/nav-item.png) center top;}
#nav > ul > li:hover ul { display:block;}
#nav > ul > li ul { background:url(imagens/sub-menu.png); width:190px; height:54px; position:absolute; left:1px; top:46px; padding:5px; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
#nav > ul > li ul li { padding:7px 0;}
#nav > ul > li ul li + li { background:url(imagens/dotted-nav.png) left top repeat-x;}
#nav > ul > li ul li a { color:#3f4955; text-decoration:none;}
#nav > ul > li ul li a:hover { text-decoration:underline;}

#banner { position:absolute; bottom:8px; left:0; z-index:9;}
#banner .slide { width:960px; height:330px; overflow:hidden; position:relative; z-index:9;}
#banner .control { position:absolute; float:left; left:0; bottom:0; z-index:10;}
#banner .control .nav-slide { background:#bfbfbf; float:left; padding:5px; border-radius:5px 5px 0 0; margin-left:10px;}
#banner .control .nav-slide ul li { background:url(imagens/nav-banner.png); width:13px; height:13px; float:left; display:block; cursor:pointer;}
#banner .control .nav-slide ul li + li { margin-left:6px;}
#banner .control .nav-slide ul li:hover, #banner .control .nav-slide ul li.active { background-position: -13px 0;}
#banner .control .progress { width:290px; height:7px; background:#3f3f3f; float:left; margin:8px 0 0 10px;}
#banner .control .progress > div { width:0%; background:#a67a8f; height:7px;}

#article {width:960px; margin:0 auto; overflow:hidden; padding:5px 0;}

#footer { background:url(imagens/bg-footer.png) left top repeat-x; position: relative;}


.section-containers { overflow:hidden; margin-bottom:30px;}
.section-containers .container { width:300px; float:left; padding:0 5px; margin:25px 5px 0 0;}
.section-containers .container + .container { background:url(imagens/dotted-container.png) left top no-repeat;}
.section-containers .container img { float:left; margin-right:5px;}
.section-containers .container a { background:url(imagens/barra.png) left center no-repeat; font-family: 'Museo300'; color:#800a2e; text-decoration:none; padding-left:11px;}
.section-containers .container a:hover { text-decoration:underline;} 

#nav-footer { overflow:hidden; background:#7a8592 url(imagens/bfore.png) right top no-repeat; float:left; height:24px; padding-right:20px;}
#nav-footer ul li { float:left; padding-right:7px; margin:4px 0 0 0;}
#nav-footer ul li + li { padding-left:11px; background:url(imagens/li-f.png) left center no-repeat;}
#nav-footer ul li a {color:#fff; font-size:1.1em; font-family: 'Museo300'; text-decoration:none;}
#nav-footer ul li a:hover { text-decoration:underline;}
.bar-nav-footer { height:24px; background:#7a8592; position:absolute; left:0; top:155px; width: 50%;}

#footer .clear { height:55px;}
#footer .clear p { float:left; color:#dc97ac; margin:20px 0 0 0;}
#footer .clear .vm2 { background:url(imagens/vm2.png); width:51px; height:11px; display:block; float:right; margin:20px 0 0 0;}


/*
STRUCTURE > HEADER > LOGO
//////////////////////////////////////*/

/* -----------------------------------*/
/* ---------->>> PÁGINAS <<<----------*/
/* -----------------------------------*/


.section-home .container { float:left; width:230px;}
.section-home .container + .container { margin-left:30px;}
.section-home .container h3 { background:url(imagens/seta-title.png) left 2px no-repeat; font-size:1.4em; font-family: 'Museo300'; font-weight:normal; color:#800a2e; overflow:hidden; padding-left:16px; }
.section-home .container img { float:left; margin-right:10px;}
.section-home .container a { background:url(imagens/barra.png) left center no-repeat; font-family: 'Museo300'; color:#800a2e; text-decoration:none; padding-left:11px;}
.section-home .container a:hover { text-decoration:underline;}
.section-home .container.first { width:440px;}
.section-home .container.first h3 { margin-bottom:5px;} 

.aside { width:245px; float:left;}
.content { width:680px; float:left;}

.title1 { font-size: 16px; font-weight: bold; color: #610924; margin-left:14px; text-align: left; border-bottom: 2px solid #610924; width: 300px; float: left; }
.title2 { font-size:1.4em; margin-bottom:10px; color:#610924;}
.title3 { font-size:1em; margin-bottom:10px; color:#610924;}
.title4 { font-size:1em; margin-bottom:10px; color:#666666;}

.acordion dt { background:url(imagens/dl.png) 0 -60px no-repeat; height:30px; line-height:30px; padding-left:36px; margin-bottom:20px; cursor:pointer;}
.acordion dt:hover { background:url(imagens/dl.png) -30px -30px no-repeat; color:#7a0a2c;}
.acordion dt.active { background-position: -60px 0;}
.acordion dd { display:none; padding:0 0 0 36px; margin-bottom:20px;} 

.paginacao { background:url(imagens/bg-paginacao.gif) left center repeat-x; padding:5px 0;}
.paginacao .right { background:#fff; padding:8px 0 0 10px;}
.paginacao .right > a { float:left; font-family: 'Museo300'; font-weight:normal; color:#800a2e; text-decoration:none; font-size:1.3em; background:url(imagens/paginacao.png) no-repeat; height:12px; line-height:12px;}
.paginacao .right > a:hover { text-decoration:underline;}
.paginacao .right div { width:22px; height:23px; float:left; position:relative; margin:0 5px; top:-3px;}
.paginacao .right div span { background:url(imagens/paginacao2.png); width:22px; height:23px; display:block; cursor:pointer; position:relative; z-index:10;}
.paginacao .right div:hover span { background-position:0 -23px;}
.paginacao .right div ul { white-space:nowrap; float:left; border:1px solid #d7c1c8; background:#fff; position:absolute; top:22px; left:-40px; padding:2px 2px; z-index:9; display:none;}
.paginacao .right div:hover ul{ display:block;}
.paginacao .right div ul li { display:inline; padding:0 5px;}
.paginacao .right div ul li + li { border-left:1px solid;}
.paginacao .right div ul li a { color:#4d4d4d; text-decoration:none;}
.paginacao .right div ul li a:hover { color:#620a25; text-decoration:underline;}
.paginacao .right .prev { padding-left:20px;}
.paginacao .right .next { padding-right:20px; background-position: right -12px;}

input.n1 { width:290px;}
input.n2 { width:130px;}
input.n3 { width:305px;}
input.n4 { width:138px;}
.form.fale { margin-left:20px;}
.form.fale label { display:block; float:left;}
.form.fale label span { display:block; margin-bottom:3px;}
.form.fale label + label { margin-left:18px;}
.form.fale input, .form.fale textarea { color:#800a2e; float:left; margin-bottom:10px;}
.form.fale input + input { margin-left:18px;}
.form.fale textarea { width:320px; height:119px;}
.form.fale .left + .left { margin-left:20px;}
.form.fale .bt-enviar { background:url(imagens/bt-enviar.png) 5px 0 no-repeat #fff; height:21px; width:78px; float:right; padding-left:5px;}  
.form.fale .bt-enviar:hover { background-position:5px -21px;}
.form.fale .clear { background:url(imagens/bg-paginacao.gif) left 8px repeat-x; overflow:hidden;}
 input[type=password]{-webkit-text-security:none !important;}

.como-funciona { width:671px; height:364px; overflow:hidden; position:relative; padding:10px 0 0 0;}
.como-funciona ul { position:absolute; left:20px; top:30px;}
.como-funciona ul li { background:url(imagens/nav-slide.png) 0 -24px; height:24px; line-height:24px; color:#fff; padding-left:25px; float:left; cursor:pointer;}
.como-funciona ul li span { background:url(imagens/nav-slide.png) right -24px; display:block; height:24px; padding-right:25px;}
.como-funciona ul li:hover, .como-funciona ul li.active { background-position:0 0;}
.como-funciona ul li:hover span, .como-funciona ul li.active span { background-position: right 0;}

.aside ul { padding:10px 0;}
.aside ul li + li { border-top:1px solid #dfced3;}
.aside ul li a { background:url(imagens/nav-aside.jpg) 0 -34px; height:34px; line-height:34px; display:block; color:#666666; text-decoration:none; padding-left:17px;}
.aside ul li a:hover, .aside ul li a.active { background-position:0 0; color:#FFFFFF;}

.complete { background-position: 0 -68px; color:#191970; font-weight: bold;}

.form.contrate div { overflow:hidden; margin-bottom:15px;}
.form.contrate label span { display:block; margin-bottom:3px;}
.form.contrate label { display:block; float:left;}
.form.contrate label + label { margin-left:18px;}
.form.contrate input { float:left; *float:none;}
.form.contrate input + input, .form.contrate input + select { margin-left:18px;}
.form.contrate h4 {font-size:1em; margin-bottom:10px; color:#610924;}
.form.contrate h5 { font-size:0.9em; margin-bottom:8px;}
.form.contrate input[type=radio]{ margin-right:5px;}
.form.contrate input[disabled=disabled], .form.contrate select[disabled=disabled] { color:#610924; background:#ededed;}
.form.contrate .clear { background:url(imagens/bg-paginacao.gif) left 8px repeat-x; overflow:hidden;}
.form.contrate .bt-proximo { background:url(imagens/bt-proximo-passo.png) right top no-repeat #fff; height:20px; width:120px; float:right;} 
.form label img { position:absolute;}
.form .in label span { float:left; margin-right:5px}

.scroll { height:330px; overflow:auto; border:1px solid #b6bac0; padding:10px; margin-bottom:10px;}

.clear-bts { background:url(imagens/bg-paginacao.gif) left 6px repeat-x; overflow:hidden;}
.clear-bts .right { background:#fff; padding-left:10px;}
.clear-bts label { float:left;}
.clear-bts label input[type=checkbox]{ margin-right:5px;}
.clear-bts input { float:left;}
.clear-bts .bt-proximo {background:url(imagens/bt-proximo-passo.png) right top no-repeat #fff; height:20px; width:120px;} 

.nav-plano { overflow:hidden; margin-bottom:10px; text-align: left; padding-left: 16px;}
.nav-plano li { display:inline; padding-right:8px;}
.nav-plano li + li {padding-left:8px; border-left:1px solid #666666;}
.nav-plano li a { color:#666666; text-decoration:none;}
.nav-plano li a:hover, .nav-plano li a.active { color:#6a0a27; text-decoration:underline;}

.list-planos { overflow:hidden; margin-left:-10px;}
.list-planos li { background:#f6f6f6; width:210px; height:165px; float:left; margin:15px 0 15px 20px;}
.list-planos li .title { background:url(imagens/title-planos.png); height:34px; display:block; color:#fff; line-height:34px; padding-left:6px; font-size:1.2em; text-align:left; position:relative;}
.list-planos li span { display:block; font-size:1.2em; text-align:center;}
.list-planos li .notes { padding:10px 0; font-size:1.4em;}
.list-planos li .preco { margin-bottom:10px;}
.list-planos li .preco strong { font-size:31px; font-weight:normal; color:#610924; margin:0 3px;}
.list-planos-li-a { display:block; background:url(imagens/bt-escolher.png); width:102px; height:21px; text-indent:-9000px; overflow:hidden; margin:0 auto;}
.list-planos li span .before {background:url(imagens/title-planos.png) -210px 0; width:10px; height:34px; position:absolute; left:-10px; top:0;}
.list-planos li .bt-consultar { background:url(imagens/bt-consultar.png);}

.red { color:#610924;}
.pagamento { overflow:hidden; margin-bottom:10px;}
.pagamento li { display:block; float:left; width:49px; height:37px;}
.pagamento li + li { margin-left:30px;}
.pagamento li img { margin:2px 0 0 2px;}
.pagamento li:hover, .pagamento li.active { background:url(imagens/bg-pague.png);}

.vezes { float:left}
.vezes + .vezes { margin-left:50px;}
.vezes label { display:block; padding:5px 0;}

.parc-vezes { overflow:hidden; margin-bottom:10px;}

.conclusao { overflow:hidden; border-bottom:1px solid #85919f;} 
.conclusao img { float:left; margin-right:40px;}
.conclusao h3 { color:#610924; margin:80px 0 15px 0;}

.list li { overflow:hidden; padding:15px 0;}
.list li + li { border-top:1px solid #85919f;}
.list li .img { float:left; width:143px; height:148px; position:relative; overflow:hidden; margin-right:10px;}
.list li .img .mask { background:url(imagens/mask.png);}
.list li h4 { color:#610924; font-size:1.1em; float:left; margin-bottom:7px;} 
.list li .ler { float:right; font-family: 'Museo300'; text-decoration:none; color:#610924;}
.list li .ler:hover { text-decoration:underline;}
.list li .ler span { color:#85919f;}
.list li div { overflow:hidden;}

.list.graficos li .img { width:204px; height:100px;}
.list.graficos li .img .mask { background:url(imagens/mask-2.png);}
.list.graficos li:hover .img .mask { background:url(imagens/mask-2.png) 0 -167px;}

.options { background:url(imagens/options.png); height:30px; position:relative; margin-bottom:10px;}
.options > span { background:url(imagens/options.png); display:block; height:30px; width:10px;}
.options > span.left { background-position:0 -30px; position:absolute; left:-10px;}
.options > span.right { background-position:-10px -30px; position:absolute; right:0;}
.options > a { background:url(imagens/icon-botoes.png) left top no-repeat; display:block; float:left; text-decoration:none; color:#FFFFFF; height:19px; line-height:19px; margin:5px 0 0 10px; padding-left:22px;}
.options .bt { overflow:hidden; text-indent:-9000px; display:block; font-size:0; line-height:100%; border:none; float:left; margin-top:5px;}
.options .bt + .bt { margin-left:10px;}
.options .bt.enviar { background:url(imagens/bt-options.png); width:112px; height:19px;}
.options .bt.adicionar { background:url(imagens/bt-options.png) 0 -57px; width:137px; height:19px;}
.options .bt.remover { background:url(imagens/bt-options.png) 0 -19px; width:128px; height:19px;}
.options .bt.cancel { background:url(imagens/bt-options.png) 0 -38px; width:113px; height:19px;}
.options .remover { background-position:0 -38px;}
.options div { float:right; margin-right:15px;}
.options ul { display: block; float:left; margin:7px 0 0 0;}
.options > ul { margin-left:7px;}
.options ul li { float:left; padding:0 7px 0 0; }
.options ul li a {color:#FFFFFF; text-decoration:none;}
.options ul li a:hover { border-bottom:1px dotted #fff;}
.options ul li + li {background: url(imagens/li.png) left 1px no-repeat; padding-left:14px;}
.options strong { display:block; float:left; color:#FFFFFF; margin:7px 7px 0 0;}


.table { width:100%; border:1px solid #cbcbcb; margin-bottom:20px;}
.table tr th { background:#84909e; color:#fff; padding:5px; text-align:left;}
.table tr td { background:#f3f3f3; padding:5px; border-bottom:1px solid #cbcbcb;}
.bt-baixar { background:url(imagens/bt-baixar.png); width:57px; height:21px; display:block; overflow:hidden; text-indent:-9000px;}
.table tr .bl { border-left:1px solid #cbcbcb;}
.table tr .br { border-right:1px solid #cbcbcb;}
.table tr th a { color:#fff; text-decoration:none; background:url(imagens/table-mod.png) right center no-repeat; padding-right:15px; white-space:nowrap;}
.table tr:hover td { background:#eae4e6;}

.filter { float:right; background:url(imagens/options.png); height:30px; position:relative; padding:0 20px;}
.filter strong { color:#FFFFFF; display:block; float:left; margin:7px 15px 0 0;}
.filter ul { float:left; margin:7px 0 0 0;}
.filter ul li { float:left; padding:0 7px 0 0; }
.filter ul li a {color:#FFFFFF; text-decoration:none; }
.filter ul li + li {background: url(imagens/li.png) left 1px no-repeat; padding-left:14px;}
.filter ul li a:hover { border-bottom:1px dotted #fff;}
.filter > span { background:url(imagens/options.png); display:block; height:30px; width:10px;}
.filter > span.left { background-position:0 -30px; position:absolute; left:0;}
.filter > span.right { background-position:-10px -30px; position:absolute; right:0;}

.title h3 { float:left; overflow:hidden; margin-bottom:25px;}

.total { background:#84909e; color:#FFFFFF; font-size:1.2em; font-weight:bold; padding:10px; overflow:hidden;}
.total span { float:left;}
.total strong { float:right;}

.bt-del, .bt-down { background:url(imagens/bts.png); display:block; width:22px; height:22px; overflow:hidden; text-indent:-9000px; float: left; cursor: pointer; !important}
.bt-del:hover { background-position:0 -22px;}
.bt-down { background-position:-22px 0;}
.bt-down:hover { background-position:-22px -22px;}

.botoes .bt { background:url(imagens/botoes.png); height:21px; display:block; float:left; text-indent:-9000px; overflow:hidden;}
.botoes .bt + .bt { margin-left:10px;}
.botoes .bt.excluir { width:135px;} .botoes .bt.excluir:hover { background-position:0 -21px;}
.botoes .bt.download { width:85px; background-position:-135px 0;} .botoes .bt.download:hover { background-position:-135px -21px;}
.botoes .bt.gerar { width:135px; background-position:-220px 0;} .botoes .bt.gerar:hover { background-position:-220px -21px;}
.botoes .bt.pdf { width:176px; background-position:-355px 0;} .botoes .bt.pdf:hover { background-position:-355px -21px;}

#pizza { float:left; width:300px; height:200px;  margin-top:10px; }
#pizza + .left { width:360px;}

#barra { float:left; width:300px; height:200px; margin-top:10px; }
#barra + .left { width:360px; margin-left:10px;}

.legend li span { display:block; float:left; width:18px; height:18px; background:#000; line-height:18px; margin-right:5px;}
.legend li { overflow:hidden; margin-bottom:9px;}

.form.dados div { overflow:hidden;}
.form.dados div.mb { margin-bottom:10px;}
.form.dados div label span { display:block; color:#610924; margin-bottom:2px; padding-left:10px;}
.form.dados div label { float:left; margin-bottom:7px;}
.form.dados div label + label { margin-left:20px;}
.form.dados div input, .form.dados div select { color:#610924;}
.form.dados h4 {font-size:1em; margin-bottom:10px; color:#610924;}
.form.dados h5 { font-size:0.9em; margin-bottom:8px;}
.form.dados .clear { background:url(imagens/bg-paginacao.gif) left 8px repeat-x; overflow:hidden;}
.form.dados .bt-alterar { background:#fff url(imagens/alterar.png) right top no-repeat; width:123px; height:21px; float:right; padding-left:10px;}
.form.dados .bt-alterar:hover { background-position:right -21px;}

.custodia{width:100%;}
.custodia fieldset{border: none; }
.custodia .cus{overflow:hidden; float: left; width: 40%; margin: 0 5%;}
.custodia fieldset > label{margin-bottom:15px; display: block;}
.custodia fieldset > div label span{display:block; padding: 0 0 3px 3px;}
.custodia fieldset > div label{float:left; margin-right: 15px;}
.custodia fieldset > div input[type="submit"]{margin-top:18px;}
.custodia fieldset > div a{font-size:11px; clear: both; float: left; margin:5px 0 0 160px; color:#666;}
.custodia fieldset > div a:hover{text-decoration:none;}

label{position:relative;}
label > .alert-validator{position:absolute; right: 3px; top: 22px;}
label select + .alert-validator{right:24px;}

.down-menu li{display:block; float: right; margin: 0 0 10px 10px;}
.down-menu li a{display:block; width:32px; height: 32px; opacity:.7; filter:alpha(opacity=70);}
.down-menu li a:hover{opacity:1; filter:alpha(opacity=100);}
.down-menu li a.grafico{background:url(imagens/grafico.png) left top no-repeat;}
.down-menu li a.excel{background:url(imagens/excel.png) left top no-repeat;}

#graph.js{display:block; position: absolute; top: 165px; left:25%; opacity:0; filter:alpha(opacity=0); z-index: 999;}
#overlay{background:#000; opacity:0; filter:alpha(opacity=0); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 900;}

.filtroRelatorio{overflow:hidden; margin: 10px 0 15px;}
.line{display:block; padding: 10px 0; border-bottom: 1px dotted #eaeaea; overflow: hidden;}
.line > strong{display:block; float: left; margin:4px 10px 0 0; width: 50px; text-align: right;}
.line > span, .line > label, .line > select{float:left;}
.line > span{display:block; margin:5px 5px 0; }
.filtroRelatorio input[type="submit"]{float:right; margin-top: 5px; background: url(imagens/gerar-relatorio.png) left top no-repeat; width: 113px; height: 21px;}
.filtroRelatorio input[type="submit"]:hover{background-position:left bottom;}
.line > select + label{margin-left:20px;}

.bt-detalhe{background: url(imagens/detalhes.png) left top no-repeat; width: 113px; height: 21px; display: block; margin-top: 4px;}
.bt-detalhe:hover{background-position:left bottom;}
#datatable .det{width:130px;}

.mapa-site li { padding:5px 0;}
.mapa-site li a { text-decoration:none; color:#666666;}
.mapa-site li a:hover { text-decoration:underline;}
.mapa-site li ul { margin-left:40px; padding:5px 0 0 0;}

.observacao {
	font-family:Times New Roman; 
	font-size: 13px; 
	font-weight: bold; 
	color: #8B0000;
	padding-left: 10px;
}