/* reset */
html, article, section, aside, header, footer, 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, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}a {color:inherit; text-decoration:none;}img {border:0;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse; border-spacing: 0;}input, textarea, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}html, body {height:100%;}
/*responsive*/
@media screen and (max-width: 667px) {}
@media screen and (min-width: 668px) and (max-width: 768px) {}
@media screen and (min-width: 769px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) and (max-width: 1366px) {}
/*clearfix*/
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin-bottom: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*design*/
body {-webkit-font-smoothing:antialiased; font-family:"helvetica", arial; font-size:16px; padding-top:70px; color:#424242; background:#ebebeb;}
.absolutecenter {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.content {display:block; margin:0 auto; width:990px; max-width:94%;}
.container {float:left; width:100%;}
hr {display:block; width:100%; height:1px; border:0; border-bottom:1px solid #ddd; margin:20px 0;}
.fck p {margin:0 0 15px 0;}
.fck h1 {margin:0 0 15px 0;}
.fck h2 {margin:0 0 15px 0;}
.fck h3 {margin:0 0 15px 0;}
.fck ul {list-style:disc outside; margin:0 0 15px 30px;}
.fck ol {list-style:decimal outside; margin:0 0 15px 30px;}
.fck li {margin-bottom:5px;}
.fck table {margin-bottom:15px;}
.fck table p {margin:0;}
form input[type=text], form input[type=tel], form input[type=date], form input[type=password], form input[type=email], form input[type=password],
form select, form textarea {width:100%; padding:0; font-family:inherit; font-size:inherit; border-radius:0; font-size:1.125em; padding:12px; border-radius:5px; border:1px solid #ddd; background:#fff; box-shadow:none; -webkit-appearance: none;}
form input.input-legenda {width:85%; border-radius:0 5px 5px 0;}
form span.legenda {display:inline-block; font-size:1.125em; background:silver; color:#fff; width:15%; text-align:center; padding:13px 0; border-radius:5px 0 0 5px;}
form .hide-password {position:absolute; top:0; left:0; width:1px; height:1px; border:0; padding:0; box-shadow:0; opacity:0;}
form select {background:url(../img/select-icon.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
form label {margin-right:5px;}
form dl {float:left; width:100%; padding:5px;}
form dt {margin-bottom:5px;}
form .colunas, form .colunas2, form .colunas3, form .colunas4, form .colunas5 {float:left; width:100%;}
form .colunas dl, form .colunas .dl1 {width:50%;}
form .colunas3 {float:left; width:100%;}
form .colunas3 dl, form .colunas3 .dl1 {width:33.3%;}
form .colunas3 .dl2 {width:66.6%;}
form .colunas4 dl, form .colunas4 .dl1 {width:25%;}
form .colunas4 .dl2 {width:50%;}
form .colunas4 .dl3 {width:75%;}
form .colunas5 dl, form .colunas5 .dl1 {width:20%;}
form .colunas5 .dl2 {width:40%;}
form .colunas5 .dl3 {width:60%;}
form .colunas5 .dl4 {width:80%;}
form a {text-decoration:underline;}
form fieldset {}
form legend {}
form button {border:0; padding:0; font-family:inherit; font-size:inherit; cursor:pointer; background:inherit; background:#FB9700; font-size:1.125em; color:#fff; font-weight:bold; width:100%; padding:13px; border-radius:5px;}
form .erro {background-color:#ffffdb !important;}
@media screen and (max-width: 667px) {
	form legend {font-size:20px;}
	form dl, form .dl1, form .dl2, form .dl3 {width:100% !important;}
	form dl {margin-bottom:2%;}
}

@media screen and (min-width: 668px) {
	.wrap-pagina {position:absolute; z-index:1000000; width:400px; height:80vh; left:50%; top:50%; overflow:auto; box-shadow:0 0 5px rgba(0,0,0,0.2); padding-top:70px; transform:translate(-50%,-50%); moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
}

#header {position:fixed; height:45px; top:0; left:0; background:#044689; color:#fff; box-shadow:0 1px 0 rgba(255,255,255,0.5);}
#header .logo {position:absolute; height:26px; width:auto; top:10px; left:50%; transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);}
#header .menu {float:left; font-size:2em; padding:4px 0;}
#header .saldo {float:right; font-size:0.913em; margin-top:15px;}
#header .aviso {position:fixed; top:45px; left:0; width:100%; background:#FB9700; color:#fff; font-size:0.75em; font-weight:bold; text-align:center; padding:5px 0;}

#nav {position:fixed; z-index:9999; top:45px; background:rgba(4,70,137,0.9); width:100%; height:100%; color:#fff; font-size:2em; text-align:center;}
#nav ul {position:absolute; width:100%; top:40%; left:0; transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);}
#nav li a {display:block; padding:2% 4%;}
#nav li a.active {color:#FB9700;}

#index .boasvindas {padding:8% 0; text-align:center;}
#index .boasvindas .foto {margin-bottom:4%; border-radius:100px;}
#index .boasvindas .nome {font-size:1.25em; color:#044689; margin-bottom:4%;}

.box1 {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.15); border-radius:4px;}
.interna1 {margin-top:4%;}

#index .acoes {margin-bottom:8%;}
#index .acoes .botao {float:left; width:46%; margin:0 2%; background:#ebebeb; text-align:center; padding:4% 0;}
#index .acoes .botao i {display:block; font-size:3em; margin-bottom:4%;}
#index .acoes .botao-extrato {background:#044689; color:#fff;}
#index .acoes .botao-transferencia {background:#FB9700; color:#fff;}

#index .catalogo .titulo {font-size:1.25em; text-align:center; color:#044689; margin-bottom:8%;}
#index .catalogo .titulo i {display:block; font-size:3rem; color:#044689;}
#index .catalogo .item {background:#fff; padding:4%; height:80px; margin-bottom:2%;}
#index .catalogo .item .foto {float:left; width:25%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center center;}
#index .catalogo .item .titulo-item {margin-left:29%; height:38px; font-size:0.875em;}
#index .catalogo .item .valor {font-size:0.813em; margin-left:29%; color:#044689;}
#index .catalogo .mais {text-align:center; color:#044689; margin:4% 0;}
#index .catalogo .mais a {display:inline-block; padding:4%;}

#login {position:fixed; top:0; left:0; width:100%; height:100%; background:#044689;}
#login .content {max-width:84%; position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#login .logo {max-width:90%; display:block; margin:0 auto 12% auto;}
#login input {margin-bottom:4%; border-color:#fff;}

#meus-dados {padding-bottom:8%;}
#meus-dados .foto {display:block; margin:0 auto 4% auto; border-radius:100px;}
#meus-dados .alterar-senha {background:#ddd; padding:4%; border-radius:5px; margin-bottom:4%;}

#extrato .registros {width:100%;}
#extrato .registros td {padding:4% 0; border-bottom:1px solid #ddd;}
#extrato .registros .data {font-size:0.6875em; width:65px;}
#extrato .registros .dados {font-size:0.6875em;}
#extrato .registros .dados strong {font-size:0.913rem;}
#extrato .registros .valor {text-align:right; font-size:1em; font-weight:bold;}
#extrato .registros .credito {color:#044689;}
#extrato .registros .debito {color:red;}

#catalogo {padding-bottom:8%;}
#catalogo .wrap-foto {margin-top:-4%; padding:8%; background:#fff; height:250px; margin-bottom:4%;}
#catalogo .foto {width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center center;}
#catalogo .titulo {font-size:1.5em; margin-bottom:4%;}
#catalogo .valor {color:#044689; font-size:1.25em; margin-bottom:4%;}
#catalogo .fck {font-size:14px;}
#catalogo .botao {display:inline-block; background:#FB9700; color:#fff; font-size:1.25em; font-weight:bold; text-align:center; width:100%; padding:12px;}

#transferencia .titulo {font-size:1.25em; color: #044689; text-align:center; margin-bottom:4%;}
#transferencia .item {position:relative; background:#fff;  margin-bottom:1px; padding:2.5%;}
#transferencia .item a:before {content:'\e806'; font-family:"icones"; font-size:1.25em; position:absolute; right:2%; top:50%; transform:translate(0,-50%); color:silver;}
#transferencia .item:last-child {border-radius:0 0 5px 5px; box-shadow:0 2px 0 rgba(0,0,0,0.1);}
#transferencia .item .foto {float:left; width:35px; height:35px; background-size:contain; background-repeat:no-repeat; background-position:center center; border-radius:50px;}
#transferencia .item .nome {font-size:0.813em; margin-left:45px; font-weight:normal; margin-top:4px;}
#transferencia .item .usuario {font-size:0.6875em; margin-left:45px; font-weight:bold; color:#044689;}
#transferencia .form-nome {margin-bottom:4%;}
#transferencia .form-valor {margin-top:4%;}
#transferencia .aviso {text-align:center; margin:8% 0 4% 0;}
#transferencia .aviso span {background:orange; color:#fff; display:inline-block; padding:5px 20px; border-radius:25px;}

#confirmacao .titulo {text-align:center; font-size:1.25em; margin-bottom:12%; color:#FB9700;}
#confirmacao .titulo i {font-size:4em; display:block; color:#FB9700;}
#confirmacao .valor {font-size:2.5em; text-align:center; margin-bottom:12%;}
#confirmacao .valor span {color:#044689; border:4px solid #044689; padding:2% 6%; border-radius:50px;}
#confirmacao .data {text-align:center; margin-bottom:8%;}
#confirmacao .foto {display:block; margin:0 auto; border-radius:65px; margin-bottom:4%;}
#confirmacao .nome {font-size:1em; text-align:center; font-weight:normal;}
#confirmacao .usuario {text-align:center; font-size:0.875em; font-weight:bold; color:#044689}

/* CORES
#044689
#FB9700
*/