/* moedas.css 31/08/2018 */

/* GERAL */
body {margin: 0; font-family: proxima-nova, sans-serif}

html, h1, h2, h3, h4, h5 {font-family: proxima-nova, sans-serif}

a {color:DimGray; outline:none; text-decoration:none;}
    a:link, a:visited, a:active {color:Gray;}
    a:hover {color:OrangeRed;}

img {margin-bottom:-5px;}

h1 {color:white; background-color:darkcyan; text-align:center; font-weight:bold; font-size:1.5em; padding:10px; margin:1px; line-height:1.0;}
h2 {color:white; background-color:cornflowerblue; text-align:center; font-weight:bold; font-size:1.0em; padding:10px; margin:1px; line-height:1.0;}

table {color:black; background-color:white; font-size: 0.8em; padding: 2px; text-align: left; border: 1px solid #ddd;}
th {color:white; background-color:gray; font-weight:bold; font-size:0.8em; padding:4px; text-align: center;}
    th a {color:yellow;}
    th a:hover {color:black;}
tr:nth-child(odd) {background-color: #f7f7f7; color: #333333;}
tr:nth-child(even) {background-color: white; color: #284775;}
td {padding:2px 6px;}

.max-width {max-width: 1564px;}

.aw-legenda{font-size:0.75em;color:gray;font-style:italic;}

.aw-container {padding:0.01em 16px;}
.aw-container:after, .aw-container:before {content:""; display:table; clear:both;}
.aw-display-container {position:relative;}

.aw-quinto {float:left; width:19.99999%;}
.aw-quatro, .aw-quarto {float:left; width:24.99999%;}
.aw-tres, .aw_terco {float:left; width:33.33333%;}
.aw-doisquintos {float:left; width:39.99999%;}
.aw-metade {float:left; width:49.99999%;}
.aw-tresquintos {float:left; width:59.99999%;}
.aw-tresquatros, .aw-tresquartos {float:left; width:74.99999%;}
.aw-quatroquintos {float:left; width:79.99999%;}
.aw-tudo {float:left; width:100%;}

.aw-white, .aw-hover-white:hover {color:#000!important;background-color:#fff!important;}
.aw-branco, .aw-hover-branco:hover {color:#000!important;background-color:#fff!important;}
.aw-amarelo, .aw-hover-amarelo:hover {color:#000!important;background-color:#ffeb3b!important}
.aw-verde, .aw-hover-verde:hover{color:#fff!important;background-color:#4CAF50!important}
.aw-vermelho,.aw-hover-vermelho:hover{color:#fff!important;background-color:#f44336!important}

.aw-botao {border:none;display:inline-block;outline:0;padding:8px 80px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;}
.aw-botao {-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}   
    .aw-botao:disabled {cursor:not-allowed;opacity:0.3;}
    .aw-botao:hover{color:#000!important;background-color:#ccc!important}

.aw-botao-azul {font-weight:bold; color:#fff; background-color:#2196F3; padding:8px 24px; margin:16px;}

.aw-botao-topo {position:absolute; right:0; top:0; padding:4px; margin:4px 4px 0 4px; color:#ccc; font-size:20px; height:30px;}

.aw-image {max-width:100%;height:auto;}

.aw-left {float:left!important;}
.aw-right {float:right!important;}
.aw-italic {font-style:italic;}

.aw-esconde {display: none;}


/* painéis padrão */
.aw-painel {padding:6px; margin:4px; background-color:white;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border-radius:8px; 
}
    .aw-painel:after, .aw-painel:before {content: ""; display: table; clear: both; }
    .aw-painel h1 {text-align: center; font-weight: bold; font-size: 24px; padding: 10px; margin: 0; line-height: 1.0;}
    .aw-painel h2 {text-transform: uppercase; text-align: center; font-weight: bold; font-size: 12px; padding: 0; margin: 2px 0; line-height: 1.0;}
    .aw-painel h3 {text-align: center; color: dimgray; font-weight: normal; font-size: 14px; padding: 4px 0 10px 0; margin: 0; line-height: 1.0;}
    .aw-painel h4 {text-align: center; font-weight: bold; font-size: 18px; padding: 10px; margin: 0; margin-bottom: 4px; line-height: 1.0;}
    .aw-painel h5 {color: orange; font-weight: bold; font-size: 25px; padding: 4px 0 4px 0; margin: 0; line-height: 1.1;}
    /* bloco título 18px, definir cores do texto e do fundo */
    .aw-painel h6 {text-align: center; font-weight: bold; font-size: 18px; padding: 10px; margin: 0; margin-bottom: 4px; line-height: 1.0;}
    .aw-painel p {text-align: left; color: dimgray; font-weight: normal; font-size: 15px; padding: 8px; margin: 0; line-height:1.2;}
    .aw-painel .aw-observacoes {font-size: 13px; font-style: italic; line-height: 1.1; background-color:#ffdddd; border-left:6px solid #f44336; padding: 6px; margin: 6px 10px;}
    .aw-painel .aw-obs-right {text-align: right; font-style: italic; font-size: 12px; line-height: 1.1; padding: 4px; color: gray;}
    .aw-painel .aw-obs-left {text-align: left; font-style: italic; font-size: 12px; line-height: 1.1; padding: 4px; color: gray;}

.aw-painel-borda {margin:0; border:1px solid #eee; border-radius:4px; height:100%;}


/* MASTERPAGE */
/* cabeçalho */
.aw-topo {position:fixed; width:100%; z-index:1; top:0}      /* fixa cabeçalho no topo */
.aw-cor-cabecalho {color:black; background-color:white; margin-bottom:10px;}
    .aw-cor-cabecalho a {color: DimGray; outline: none; text-decoration: none;}
    .aw-cor-cabecalho a:link, a:visited, a:active {color: gray;}

.aw-menu-esquerda {float:left;}
.aw-menu-direita {float:right!important;}

/* conteúdo */
.aw-cor-conteudo {color:#444; background-color:#ccc;}
.aw-conteudo {max-width:1024px; margin:auto; text-align:center; padding:12px;}
.aw-conteudo-total {margin:auto; text-align:left; padding:0;}

/* rodapé */
.aw-cor-rodape {color:#444; background-color:#999;}
.aw-rodape {float:right; font-size:10px; text-align:center; padding:8px 16px; line-height:100%;}
    .aw-rodape img {padding:4px; margin:2px;}


/* NOTÍCIAS CAPA */
/* notícia principal */
.aw-noticia-principal {color:#333;}
    .aw-noticia-principal h1 {background-color:#eee;}
    .aw-noticia-principal h3 {font-size:14px; text-align:right; padding-right:8px;}
    .aw-noticia-principal p {font-size:15px; padding:0 20px; line-height:1.4;}
    .aw-noticia-principal img {padding:16px; max-width:60%; height:auto; float:left;}

/* notícia pequena */
.aw-noticia {color:#333; height:720px;}
    .aw-noticia h1 {font-size:20px; background-color:#eee;}
    .aw-noticia h2 {font-size:11px; text-align:left; padding-left:8px;}
    .aw-noticia p {font-size:14px; padding:10px; line-height:1.4;}
    .aw-noticia img {padding:0; margin:0 auto; max-height:250px; max-width:100%;}


/* ÍNDICE */
.aw-indice {color:gray;}
    .aw-indice h1 {background-color:#eee;}
    .aw-indice h4 {color:gray;}
    .aw-indice img {max-width: 100%;}
    .aw-indice ul {list-style-type:none; padding:0; margin:0; text-align:left;}
    .aw-indice li {padding:8px 16px; border-bottom:1px solid #ddd;}
    .aw-indice li:hover {background-color: #ccc;}
.aw-largura-indice {max-width: 900px; min-width:300px;} 


/* CONTATO */
.aw-contato {color:gray;}
    .aw-contato h1 {background-color:#eee;}
    .aw-contato p {padding:20px;}
    .aw-contato img {max-width:100%;}
    .aw-contato .refresh {width:16px; float:right;}
    .aw-contato input, .aw-contato aw-input {padding:2px; display:block; border:none; border-bottom:1px solid #ccc; width:100%; background-color:#f8fff8;}
    .aw-contato .aw-botao-contato {width:100px; color:#fff; background-color:#2196F3; padding:4px 8px; margin: 4px 4px 0 4px;}
.aw-largura-contato {max-width: 520px; min-width:300px;} 


/* BIOGRAFIAS */
.aw-biografia {padding: 8px 16px;}
    .aw-biografia h1 {color:white; background-color:navy;}
    .aw-biografia h2 {color:navy;}
    .aw-biografia p {padding:8px 28px;}
    .aw-biografia img {max-width:100%; height:auto; padding:8px; float:right;}
    .aw-biografia .aw-fonte {font-size:10px; font-style:italic;}


/* ARTIGOS */
.aw-artigo {padding: 8px 16px;}
    .aw-artigo h1 {color:white; background-color:navy;}
    .aw-artigo h2 {color:navy; }
    .aw-artigo p {padding:8px 28px;}
    .aw-artigo img {max-width:100%; height:auto; padding:8px; float:right;}
    .aw-artigo .aw-fonte {font-size:10px; font-style:italic;}


/* LINKS */
.aw-link {color:gray;}
    .aw-link .aw-cabec-link {color:gray; float:left; text-align:left; font-weight:bold; font-size:24px; padding:10px; margin:0;}
    .aw-link .aw-botao-link {color:#fff; background-color:#2196F3; float:right; padding:4px 8px; margin: 4px 4px 0 4px;}
    .aw-link h6 {color:gray; background-color:#eee;}
    .aw-link img {max-width:80%; height:auto; margin:10px 0}
.aw-altura-link {height: 270px;}


/* PERÍODO e lista de SÉRIES */
.aw-periodo {position:relative;}
    .aw-periodo h1 {color:white; background-color:indianred;}           /* período */
    .aw-periodo h2 {color:indianred;}                                   /* época sobre o período */
    .aw-periodo h4 {font-weight:normal; letter-spacing:-1px; color:black; background-color:white;}      /* cabeçalhos das séries */
    .aw-periodo .brasao {padding:8px; float:left;}                      /* imagem do brasão do período */
    .aw-periodo .imagem-moeda {padding:10px; max-width:100%;}           /* características da imagem da moeda representando a série */
    .aw-periodo .imagem-cedula {padding:10px; max-width:100%; height:auto;}  /* características da imagem da cédula representando a série */
    .aw-periodo a:link, .aw-periodo a:visited, .aw-periodo a:active {color: white;}
.altura-moeda {height:450px;}                                           /* altura do painel com as séries das moedas */
.altura-cedula {height:310px;}                                          /* altura do painel com as séries das cédulas */



/* SÉRIE e lista de MOEDAS */
/* a série das moedas */
.aw-serie-moedas {position: relative;}
    .aw-serie-moedas h1 {color: white; background-color: darkseagreen;}
    .aw-serie-moedas h2 {color: darkseagreen;}

/* as moedas da série */
.aw-moedas {height:380px;}
    .aw-moedas h1 {color:white; background-color:cornflowerblue;}
    .aw-moedas h2 {font-size:11px; color:gray; padding-top:4px;}
    .aw-moedas h3 {color:gray;}
    .aw-moedas h4 {font-weight:normal; letter-spacing:-1px; color:black; background-color:white;}      /* cabeçalhos das séries */
    .aw-moedas .imagem-moeda {padding:10px 4px; max-width:50%;}         /* características da imagem da moeda representando a série */
    .aw-moedas a:link, .aw-moedas a:visited, .aw-moedas a:active {color: white;}
.img-pequena {padding:0; margin:0; max-width:50px;}

/* SÉRIE e lista de CÉDULAS */
/* a série das cédulas */
.aw-serie-cedulas {position: relative;}
    .aw-serie-cedulas h1 {color: white; background-color: darkseagreen;}
    .aw-serie-cedulas h2 {color: darkseagreen;}

/* as cédulas da série */
.aw-cedulas {height: 460px;}
    .aw-cedulas h1 {color: white; background-color: cornflowerblue;}
    .aw-cedulas h2 {color: gray;}
    .aw-cedulas h3 {color:gray;}
    .aw-cedulas .imagem-cedula {padding:2px; max-width:80%; height:auto; margin:4px;} /* características da imagem da cédula representando a série */
    .aw-cedulas a:link, .aw-cedulas a:visited, .aw-cedulas a:active {color: white;}


/* MOEDA - detalhe */
.aw-moeda {color:black;}
    .aw-moeda h1 {color:white; background-color:darkseagreen;}
    .aw-moeda h2 {color:darkseagreen;}
    .aw-moeda h3 {color:gray;}
    .aw-moeda h4 {color:white; background-color:cornflowerblue;}
    .aw-moeda img {text-align:center; max-width:300px; height:auto; margin:8px;}    /* imagens da moeda no detalhe */

/* CÉDULA - detalhe */
.aw-cedula {color:black;}
    .aw-cedula h1 {color:white; background-color:darkseagreen;}
    .aw-cedula h2 {color:darkseagreen;}
    .aw-cedula h3 {color:gray;}
    .aw-cedula h4 {color:white; background-color:cornflowerblue;}
    .aw-cedula img {text-align:center; max-width:450px; height:auto; margin:8px;}    /* imagens da cédula no detalhe */

/* comum CÉDULAS e MOEDAS - detalhe */    
.aw-emissoes {background-color: white; font-size: 12px; border: none; padding: 2px;}
    .aw-emissoes td, .aw-emissoes th {padding: 0 6px;}
.img-nav {padding:2px; float:left; max-width:40px; margin:0;}                       /* imagens dos botões de navegação */
.img-nav-right {padding:2px; float:right; max-width:40px; margin:0;}                /* imagens dos botões de navegação */


/* DASHBOARDS */
.bk-backup {padding:0.01em 2px;}
    .bk-backup .coluna1 {float:left; width:59.99999%;}
    .bk-backup .coluna2 {float:left; width:19.99999%;}
    .bk-backup h3 {color:white; background-color:orange; text-align: center; font-weight: normal; font-size: 0.9em; padding: 10px; margin: 1px; line-height: 1.0;}

/* */
/* títulos dos objetos*/
.aw-titulo {color: Red; line-height: 1.1; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 28px; padding:0 8px; margin: 0; text-align: left;}
.aw-descricao {color: Gray; font-weight: normal; font-size: 16px; padding: 0; padding-bottom: 10px; margin: 0;}
.aw-undeline {border-bottom:1px solid #ddd;}
.aw-fonte {font-size: 9px!important; font-style: italic;}

.img-noticia img {padding: 10px 16px 16px 0; max-width: 60%; float: left;}

.aw-azul-1, .aw-hover-azul-1:hover{color:white!important;background-color:#0086b3!important;}
.aw-azul-claro, .aw-hover-azul-claro:hover{color:white!important;background-color:#7ac0da!important;}
.aw-cinza, .aw-hover-cinza:hover{color:#444!important;background-color:#bbb!important;}
.aw-cinza-claro, .aw-hover-cinza-claro:hover{color:#444!important;background-color:#f1f1f1!important;}
.aw-cornflowerblue, .aw-hover-cornflowerblue:hover {color: CornFlowerBlue!important;background-color: #f1f1f1!important;}

.aw-letra-preta {color: black;}

.aw-border-0{border:0!important;}
.aw-border{border:1px solid #ccc!important;}

.aw-button {border:none; display:inline-block; outline:0; padding:4px 12px; vertical-align:middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap;}
.aw-button {-webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.aw-button:disabled {cursor: not-allowed; opacity: 0.3;}

.aw-line-1{line-height:0.8;}
.aw-line-2{line-height:1.0;}
.aw-line-3{line-height:1.2;}
.aw-line-4{line-height:1.4;}

.aw-width  {max-width:128px;}
.aw-width-1{max-width:256px;}
.aw-width-2{max-width:512px;}
.aw-width-520{max-width: 520px;}
.aw-width-980 {max-width: 980px;}
.aw-width-3{max-width:1024px;}
.aw-width-4{max-width:1280px;}

.aw-width-50p{max-width:50%;}
.aw-width-100p {max-width: 100%;}

.aw-height-0{min-height:40px;}
.aw-height-1{min-height:80px;}
.aw-height-2{min-height:160px;}
.aw-height-3{min-height:320px;}

.aw-height-240 {height: 240px;}
.aw-height-260 {height: 260px;}
.aw-height-300 {height: 300px;}
.aw-height-320 {height: 320px;}
.aw-height-340 {height: 340px;}
.aw-height-360 {height: 360px;}
.aw-height-380 {height: 380px;}
.aw-height-400 {height: 400px;}

.aw-content-1{max-width:256px;margin:auto;}
.aw-content-2{max-width:512px;margin:auto;}
.aw-content, .aw-content-3{max-width:1024px;margin:auto;}
.aw-content-4{max-width:1280px;margin:auto;}

.aw-input{padding:4px;display:block;border:none;border-bottom:1px solid #ccc;width:100%;background-color:#f8f8f8;}

.aw-padding-0{padding:0!important;}
.aw-padding-1{padding:2px!important;}
.aw-padding-2{padding:4px!important;}
.aw-padding, .aw-padding-3{padding:8px!important;}
.aw-padding-4{padding:12px!important;}
.aw-padding-5{padding:16px!important;}

.aw-padding-large {padding: 8px 16px !important;}
.aw-padding-normal {padding: 6px 12px !important;}
.aw-padding-small {padding: 4px 8px !important;}
.aw-padding-smaller {padding: 2px 4px !important;}

.aw-padding-left{padding-left: 40px;}

.aw-margin-0{margin:0!important;}
.aw-margin-1{margin:4px!important;}
.aw-margin-2{margin:8px!important;}

.aw-margin-left{margin-left:40px;}

.aw-select {border:none; display:inline-block; padding:2px 4px; margin:0 4px; background:#eee; font-size:10px; color:black;}

/* acontece até 768px */
@media (max-width:768px) 
{
    /* GERAL */
    .aw-tres, .aw-quatro, .aw-tresquatros {width: 49.99999%;}
    .aw-select {max-width: 95%; font-size: 12px; margin: 0;}

    /* MASTERPAGE */
    /* cabeçalho */
    .aw-esconde-menos768 {display: none !important;}

    /* */
    .aw-botao-lista {height: 32px; font-size: 20px !important;}
}

/* acontece a partir de 768px */
@media (min-width:768px) 
{
    /* MASTERPAGE */
    /* cabeçalho */
    .aw-esconde-mais768 {display: none !important;}
}

/* acontece até 600px */
@media (max-width:600px)
{
    /* GERAL */
    h1{font-size:28px;}
    h2{font-size:24px;}
    h3{font-size:22px;}

    .aw-container{padding:0.01em 2px;}

    /* */
    .aw-height-1, .aw-height-2, aw-height-3{min-height:50px;}

    .aw-input{max-width:280px;}

    .aw-padding-2{padding:2px!important;}
    .aw-padding, .aw-padding-3{padding:4px;}
    .aw-padding-4{padding:8px!important;}

    .aw-margin-1, .aw-margin-2{margin:2px;}
}

/* acontece até 430px */
@media (max-width:430px) 
{
    /* GERAL */
    .aw-conteudo {padding:2px; margin:0;}
    .aw-tres, .aw-quatro, .aw-tresquatros, .aw-metade {width: 100%;}

    /* NOTÍCIAS CAPA */
    /* notícia principal */
    .aw-noticia-principal img {padding:0; margin:0 auto; max-width:100%; height:auto; float:none;}
    .aw-noticia-principal p {font-size: 14px; padding:8px; margin:0;}

    /* notícia pequena */
    .aw-noticia {height: auto;}
        .aw-noticia p {padding:8px; margin:0;}

    /* ÍNDICE */
    .aw-indice {padding:6px;}

    /* BIOGRAFIAS */
    .aw-biografia h1 { font-size:16px; }
    .aw-biografia p { padding:4px 0; }
    .aw-biografia img {width:auto; max-height:240px; padding:4px 0; float:none;}

    /* MOEDAS - detalhe */
    .aw-esconde-bordo {display: none;}
}

/* acontece até 400px */
@media (max-width:400px) 
{
    /* GERAL */
    .aw-painel .aw-observacoes {margin:0;}
    .img-nav {padding:0; margin:0; max-width:100%;}
    .img-nav-right {padding:0; margin:6px; width:140%;}

    /* INDICE */
    .aw-indice li {padding:8px;}
    .aw-indice img {padding:10px 0; max-width:80%;}

    /* CONTATO */
    .aw-contato p {padding:8px;}
    .aw-contato img {padding:10px 0; max-width:80%;}

    /* LINKS */
    .aw-link .aw-cabec-link {font-size:20px; padding:0 2px;}
    .aw-link .aw-botao-link {font-size:12px;}

    /* CÉDULAS e MOEDAS */
    .aw-emissoes {font-size: 10px;}
    .aw-periodo .imagem-moeda {max-width:100%; padding:8px; margin:0;} 
    .aw-periodo .imagem-cedula {max-width:60%; padding:8px; margin:0;}
    .aw-moedas .imagem-moeda {max-width:40%; margin:4px;}
    .aw-cedulas .imagem-cedula {max-width: 70%; margin:2px;}
    .aw-moeda img, .aw-cedula img {max-width:100%; padding:0; margin:0;}

    .altura-moeda, .altura-cedula, .aw-altura-link {height: 100%;}

    /* */
    .aw-height-240, .aw-height-300, .aw-height-320, .aw-height-340, .aw-height-360, .aw-height-380, .aw-height-400 {height: 100%;}
    .aw-padding-left{padding-left:8px;}
    .aw-margin-left {margin-left: 8px;}
}